<#--

    Bolo - A stable and beautiful blogging system based in Solo.
    Copyright (c) 2020-present, https://github.com/bolo-blog

    This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU Affero General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU Affero General Public License for more details.

    You should have received a copy of the GNU Affero General Public License
    along with this program.  If not, see <https://www.gnu.org/licenses/>.

-->
<div>
  <#list articles as article>
    <#assign isRss=(article.isRss!false)?c=="true">
      <article class="article">
        <div class="article__info">
          <div class="article__info--left">
            <#if article.authorId?? && article.authorId !="">
              <a class="author" href="${servePath}/authors/${article.authorId}" rel="nofollow">
                <img class="author__avatar" src="${article.authorThumbnailURL}" alt="author avatar" />
                <span class="author__name">
                  ${article.authorName}
                </span>
              </a>
              <#else>
                <a class="author" href="${servePath}/follow/articles/${article.articleAuthorId}" rel="nofollow">
                  <img class="author__avatar" src="${article.authorThumbnailURL}" alt="author avatar" />
                  <span class="author__name">
                    ${article.authorName}
                  </span>
                </a>
            </#if>
            <span class="split">分类</span>
            <#if article.articleCategory?? && article.articleCategory !="">
              <span>
                <a class="tags__name" href="${servePath}/category/${article.categoryURI}">
                  ${article.articleCategory}
                </a>
              </span>
              <#else>
                <a class="tags__name">无</a>
            </#if>
            <span class="split">标签</span>
            <span class="tags">
              <#list article.articleTags?split(",") as articleTag>
                <a class="tags__name" rel="tag" href="${servePath}/tags/${articleTag?url('UTF-8')}">
                  ${articleTag}
                </a>
              </#list>
            </span>
          </div>
          <div class="article__info--right">
            <span class="createTime f-web">
              ${article.articleCreateDate?string("yyyy-MM-dd")}
            </span>
          </div>
        </div>
        <div class="article__intro">
          <div class="title">
            <a href="${isRss?then(article.articlePermalink, servePath + article.articlePermalink)}">
              ${article.articleTitle}
            </a>
            <#if article.articlePutTop>
              <sup>
                ${topArticleLabel}
              </sup>
            </#if>
            <#if article.hasUpdated>
              <sup>
                ${updatedLabel}
              </sup>
            </#if>
          </div>
          <div class="abstract vditor-reset">
            ${article.articleAbstract}
          </div>
        </div>
        <div class="article__visit">
          <div class="article__visit--left">
            <span class="item--split createTime">
              ${article.articleCreateDate?string("yyyy-MM-dd")}
            </span>
            <#if interactive=="on"><a class="item item--split" href="${isRss?then(article.articlePermalink, servePath + article.articlePermalink)}#comments">
                ${article.articleCommentCount} ${commentLabel}
              </a></#if>
            <span class="item">
              ${article.articleViewCount} ${viewLabel}
            </span>
          </div>
          <a class="article__visit--right" href="${isRss?then(article.articlePermalink, servePath + article.articlePermalink)}">阅读全文</a>
        </div>
      </article>
  </#list>
  <#if 0 !=paginationPageCount>
    <div class="pagination">
      <#if 1 < paginationCurrentPageNum>
        <a class="pagination__item pagination__item--left" href="${servePath}${path}?p=${paginationCurrentPageNum-1}">&laquo; Prev</a>
      </#if>
      <#if paginationCurrentPageNum < paginationPageCount>
        <a class="pagination__item pagination__item--right" href="${servePath}${path}?p=${paginationCurrentPageNum+1}">Next &raquo;</a>
      </#if>
    </div>
  </#if>
</div>